<template>
  <div class="homeicons">
    <ul>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b1749080cf5bbc4dfebff83013bbebaf.png"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/eb5024fe-dfe3-6e53-3e18-675bef5fa06e.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/69c250436545049ccab81c3e32033cf2.png?f=webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/e8bc849a-0a3b-21a0-6810-7da3a3903dee.webp?"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0434594382110f3bd15c90f040d5d542.jpg"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/64f3988b6216e4c1ab62a7f50df3e816.png"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ea68dee2bfa0e55a82236b0d968e975.png"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/96c780016ea196743905dc93f9249c39.png"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9425031cdd7af22d9a23a5ae16d1f57c.jpg"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f11f9df6b0b0b428f8c8fc3267131830.png"
          alt=""
        />
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
ul {
  display: flex;
  flex-wrap: wrap;
}
ul li {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 20%;
}
ul li img{
    width: 80px;
    height: 80px;
}
</style>
